<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/templates/template.xhtml">
	<ui:define name="metadata">
	</ui:define>
		<ui:define name="content">
			<p:panel id="pnCreate" header="Crear Producto" toggleable="true" closable="true"  toggleSpeed="500" closeSpeed="500" widgetVar="panel2">
				<h:panelGrid columns="2" cellpadding="5">
					<h:outputText id="labelProId" value="ID Producto" /> 
			    	<h:outputText id="inputProId" value="#{detailProduct.inputProId}" /> 		
					
					<h:outputText id="labelName" value="Nombre Producto" /> 
			    	<h:outputText id="inputName" value="#{detailProduct.inputName}" />
			    	
			    	<h:outputText id="labelDesc" value="Descipción Producto" /> 
			    	<h:outputText id="inputDesc"  value="#{detailProduct.inputDesc}" />
			    				    	
			    	<h:outputText id="labelCat" value="Categoria Producto" title="title #{createProduct.slCategory}" />                 
			        <h:outputText id="slCategory"  value="#{detailProduct.slCategory}" />
			    	
			    	<h:outputText id="labelPrice" value="Precio Producto" /> 
			    	<h:outputText id="inputPrice" value="#{detailProduct.producto.price}" /> 
			    	
			    	<h:outputText id="labelProducer" value="Proveedor" title="title #{createProduct.slProveedor}" /> 
			         <h:outputText id="slProveedor"  value="#{detailProduct.slProveedor}" />

		            <h:outputText value="Imagen Grande" />  
		            <h:graphicImage url="#{detailProduct.image_url_full}" height="254" width="254"></h:graphicImage>
		            
		            <h:outputText value="Imagen Pequeña" />  
		            <h:graphicImage url="#{detailProduct.image_url_thumb}" height="80" width="80"></h:graphicImage>
			    		          
					<br/>  
				    	
				</h:panelGrid>
			</p:panel>
		</ui:define>
</ui:composition>